@charset "utf-8";

/* Clear */
.clearfix:after{content:"";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{display:inline-block}
/* Hides from IE-mac \*/ 
* html .clearfix{height:1%}
.clearfix{display:block}
/* End hide from IE-mac */
.page_list{text-align:center;padding-top:10px}
.page_list a{border:#ddd 1px solid;color:#15428b;padding:2px 5px;margin-right:2px}
.page_list a:hover,.page_list a:active{border:#e1e6ed 1px solid;background:#D3E1F6}
.page_list span.current{border:#ddd 1px solid;padding:2px 5px;font-weight:bold;margin-right:2px;color:#FFF;background:#ff6c00}
.page_list span.disabled{border:#f3f3f3 1px solid;padding:2px 5px;margin-right:2px;color:#CCC}
/* webcss start*/
#index-wrapper{margin:0px auto;width:1000px}
.index-top{height:100px;position:relative;z-index:999}
#index-logo{position:absolute;left:0px;top:0px}
#index-lang{position:absolute;right:10px;top:15px}
#index-lang img{margin-right:5px}
#index-Menu{background:url(../images/menu_bg.gif) no-repeat;width:990px;padding:0px 5px 4px 3px;height:26px}
#banner{background:url(../images/banner_bg.jpg) no-repeat;padding:15px 10px 0px 10px;height:205px;overflow:hidden}
#ad_list{background:url(../images/ad_list_bg.jpg) no-repeat;height:105px;padding:0px 10px 6px 10px}
#ad_list div{float:left;display:inline;width:135px;padding:20px 0px 0px 110px}
#ad_list div p{color:#333}
#ad_list div.index_search{padding:20px 0px 0px 10px;margin:0px}
#ad_list div.index_search p{padding:5px 0px 5px 0px;width:210px}
#ad_list div.index_search #searchtext{height:16px;line-height:16px;width:130px}
.index-left{float:left;padding:0px;width:700px}
.index-left h2{background-image:url(../images/index_title_bg.gif);background-repeat:no-repeat;height:34px;line-height:34px;padding-left:17px;font-size:12px;color:#0a3e78}
.index-left h2 span{float:left;background:url(../images/index_title_bg.gif) no-repeat right -102px;padding:0px 27px 0px 10px;}
.index-left h2 a{float:right;margin:7px 15px 0px 0px}
/* productsroll Start */
.index-newproducts{}
.websroll{position:relative;overflow:hidden;width:975px;padding:10px 0px}
.index-newproducts {
width:976px;
margin:auto;
}
#LeftArr1,#RightArr1{width:20px;height:170px;cursor:pointer;position:absolute;top:10px;z-index:1;background-image:url(../images/product_arrow.gif);background-repeat:no-repeat}
.ScorllLeft1{background-position:0px 0px;left:10px}
.ScorllLeft1_Hover{background-position:-20px 0px;left:10px}
.ScorllRight1{background-position:-40px 0px;right:10px}
.ScorllRight1_Hover{background-position:-60px 0px;right:10px}
#ScrollBox{margin-left:35px}
#ScrollBox li{float:left;width:210px;text-align:center}
#ScrollBox li a{display:block;border:#e5e5e5 1px solid;padding:5px;margin:0px 4px}
.casepic a{display:block;border:#e5e5e5 1px solid;padding:5px;margin:0px 4px}
.casepic a:hover{background:#fafafa; border:#ff9d21 1px solid}
#ScrollBox li a:hover{background:#fafafa; border:#ff9d21 1px solid}
#ScrollBox li a span{display:block;padding-top:4px}
/* productsroll End */
.index-news{float:left;width:350px}
.index-news h2{background-position:0px -34px}
.index-news ul{padding:5px 10px 10px 10px}
.index-news ul li{padding:4px 0px}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}
.index-about{float:left;width:350px}
.index-about h2{background-position:0px -34px}
.index-about p{line-height:23px;padding:10px}
.index-about p img{float:left;margin-right:8px}
/* index-products Start */
.index-products{clear:both}
.index-products ul{padding:5px 14px}
.index-products ul li{float:left;width:214px;text-align:center;display:inline;padding:5px}
.index-products ul li a{display:block;border:#e5e5e5 1px solid;padding:5px}
.index-products ul li a:hover{background:#ffc499;border:#ff6c00 1px solid}
.index-products ul li a span{display:block;padding-top:4px}
/* index-products End */
.index-right{float:left;padding:0px;width:300px}
.index-right h2{background:url(../images/index_title_bg.gif) no-repeat left -68px;height:34px;line-height:34px;padding-left:17px;font-size:12px;color:#0a3e78}
.index-right h2 span{float:left;background:url(../images/index_title_bg.gif) no-repeat right -102px;padding:0px 27px 0px 10px;}
.index-right h2 a{float:right;margin:7px 15px 0px 0px}
.index-structure p{padding:5px 0px 5px 0px;text-align:center}
.index-jobs{padding-bottom:5px}
.index-jobs ul li{padding:4px 10px 4px 20px}
.index-contact{padding-bottom:10px}
.index-contact p{line-height:25px;padding:0px 10px 0px 20px}
.index-contact p span{font-weight:bold}
/*********** page ***********/
#page-wrapper{margin:0px auto;width:1000px}
/* page-left */
.page-left{float:left;display:inline;padding-top:5px;width:275px}
.page-left h2{height:38px;line-height:38px;font-size:100%}
.page-left h2 span{display:none}
.left-about{padding-bottom:5px}
.left-about h2{background:url(../images/left-about.jpg) no-repeat}
.left-products{padding-bottom:5px}
.left-products h2{background:url(../images/left-products.jpg) no-repeat}
.left-news{padding-bottom:5px}
.left-news h2{background:url(../images/left-news.jpg) no-repeat}
.left-search{padding-bottom:5px}
.left-search h2{background:url(../images/left-search.jpg) no-repeat}
.left-search p{padding:5px 0px 5px 10px}


.left-contact{padding-bottom:5px}
.left-contact h2{background:url(../images/left-contact.jpg) no-repeat}
.left-contact p{line-height:25px;padding:0px 0px 0px 25px}
.left-contact p span{font-weight:bold}
/* page-right */
.page-right{float:right;display:inline;padding-top:5px;width:725px}
.site-nav{background:url(../images/web_nav.gif) no-repeat;height:38px;line-height:38px;text-align:right;padding-right:15px}
.site-nav span{color:#025dbf;font-weight:bold}
.page-single,.page-products,.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail{margin:5px 0px 5px 0px}
.page-news,.page-newsdetail,.page-jobs,.page-jobsdetail,.page-guestbook{padding-top:10px; }

.page-products ul{width:100%; margin:0 auto}
.page-products ul li{float:left; width:33%;text-align:center; margin-bottom:26px; }

.prodiv {width:268px; height:169px; overflow:hidden; margin:auto; position:relative;}
.newpro {position:absolute; left:2px; top:2px; z-index:111111111111111;}

#prolink a{display:block;background:#FFF;border:#e5e5e5 1px solid;padding:5px; font-size:12px;}
#prolink a:hover{background:#ffc499;border:#ff6c00 1px solid}
/**.page-products ul li a span{padding-top:4px}**/
.productsdetail-title,.newsdetail-title,.jobsdetail-title{font-size:14px;font-weight:bold;line-height:30px;text-align:center;border-bottom:1px dashed #CCC;margin-bottom:10px}
.page-news table{width:100%;}
.page-news table th{text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-news table th.news-time{width:150px;background:url(../images/info_title.gif) left top}
.page-news table th.news-title{background:url(../images/info_title.gif) right top}
.page-news table td{padding:6px; line-height:26px; color:#666; background:url(../images/line.gif) repeat-x left bottom;}
.picnewstab td {border-bottom:1px dashed #D7D7D7;}
.page-news table td.time-list{color:#666;text-align:left}
.page-jobs table{width:98%;}
.page-jobs table th{height:30px;line-height:30px;text-align:center;font-weight:bold;border:none 0px;font-size:12px}
.page-jobs table th.jobs-time{width:150px;background:url(../images/info_title.gif) left top}
.page-jobs table th.jobs-title{background:url(../images/info_title.gif) right top}
.page-jobs table td{border-bottom:1px dashed #D7D7D7;padding:8px}
.page-jobs table td.time-list{color:#666;text-align:center}
.page-guestbook{margin:0px auto}
.page-guestbook dl dt,.page-guestbook dl dd{float:left;padding:5px}
.page-guestbook dl dt{width:80px;text-align:right}
.page-guestbook dl dd{}
.page-guestbook dl dd input{border:#CCC 1px solid;padding:2px;background:url(../images/inputbg.gif) repeat-x;height:19px;line-height:19px;width:180px}
.page-guestbook dl dd span{color:#F00;margin-left:10px}
.page-guestbook .Content{width:296px;height:120px;border:#CCC 1px solid}
#checkcode{width:216px;text-align:center; border:1px #CCC solid; line-height:36px;}
.page-guestbook p{text-align:center;clear:both;margin-bottom:10px}



.page-download li {
width:326px;
float:left;
clear:none;
background:url(../images/line.gif) repeat-x left bottom;
height:36px;
line-height:36px;
margin-left:3px;
margin-bottom:6px;

}